<!DOCTYPE html>
<html>
<head>
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-store, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/css/public.css" media="all" />
    <link rel="stylesheet" href="/css/special.css" media="all" />
    <link rel="stylesheet" href="/layui/css/layui.css" media="all" />
    <script type="text/javascript" src="/layui/layui.js"></script>
    <script type="text/javascript" src="/js/pages/customer.js"></script>
    <script type="text/javascript" src="/js/pages/clouddisk/formData.js"></script>
    <style type="text/css">
        ::placeholder { /* Firefox, Chrome, Opera */
            color: red;
            font-size: 16px;
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: red;
            font-size: 16px;
        }

        ::-ms-input-placeholder { /* Microsoft Edge */
            color: red;
            font-size: 16px;
        }
    </style>
</head>
<body class="childrenBody" id="childrenBody">
<form class="layui-form layui-row layui-col-space10">
    <div class="layui-col-md12 layui-col-xs12">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-xs12">
                <div class="layui-field-box">
                    <div class="layui-form-item">
                        <div class="small_pic" id="cloudFileImgDiv" style=" width: 90%;margin-top: 25px;">

                        </div>
                        <div id="button_div">

                        </div>
                    </div>
                </div>

                <!--  hidden -->
                <input type="hidden" class="layui-input id" lay-verify="id" name="id">
                <!--  hidden -->
                <div id="cloud_disk_form" style="position: fixed;right: 0px;top:20px;opacity: 0.5;bottom: 95px; color: #000000; font-weight: bold;width: 200px;">
                    <fieldset class="layui-elem-box">
                        <legend>文件属性</legend>
                        <input type="hidden" name="originFileUrl">
                        <input type="hidden" name="imgFileUrl">
                        <div class="" id="contentType_div" style=";width: 180px; color: red !important;">
                            <div class="">
                                <select name="contentType">
                                    <option value="">请选择发票类型</option>
                                    <option value="1">新上传</option>
                                    <option value="2">其它</option>
                                    <option value="3">发票</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="" style="width: 180px;">
                                <div style="">
                                    <!-- 员工编号 -->
                                    <select name="adminUserId" lay-filter="adminUserId" style="width: 180px;">
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="" style="width: 180px;">
                                <!-- 供应商 -->
                                <select name="cooperativeName" lay-verify="cooperativeName" lay-search>
                                </select>
                            </div>
                        </div>
                        <div class="" style="display:flex;">
                            <div class="" style="width: 180px;">
                                <label >发票号码</label>
                                <input type="text" class="layui-input" name="invoiceNum" placeholder="">
                            </div>
                        </div>
                        <div class="" style="display:flex;">
                            <div class="" >
                                <label >日期</label>
                                <input type="text" class="layui-input" style="width: 80px" name="manullyDate" lay-verify="manullyDate" required placeholder="">
                            </div>
                            <div class="" style="margin-left: 10px">
                                <label >TTC</label>
                                <input type="text" class="layui-input" style="width: 80px" name="mount" lay-verify="mount" required placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                        </div>


                        <div class="layui-form-item magt3" style="display:flex;">
                            <div class=" ">
                                <label >20HT</label>
                                <input type="text" class="layui-input" style="width: 80px" name="htTwenty" lay-verify="htTwenty" placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                            <div class=" " style="margin-left: 10px">
                                <label >5.5HT</label>
                                <input type="text" class="layui-input" style="width: 80px" name="htFive" lay-verify="htFive" placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                        </div>

                        <div class="layui-form-item magt3" style="display:flex">
                            <div class=" ">
                                <label >10HT</label>
                                <input type="text" class="layui-input" style="width: 80px" name="htTen" lay-verify="htTen" placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                            <div class=" " style="margin-left: 10px">
                                <label >2.1HT</label>
                                <input type="text" class="layui-input" style="width: 80px" name="htTwo" lay-verify="htTwo" placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                        </div>

                        <div class="layui-form-item magt3">
                            <div class=" ">
                                <label >0HT</label>
                                <input type="text" class="layui-input" style="width: 80px" name="htZero" lay-verify="htZero" placeholder="" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                            </div>
                        </div>

                    </fieldset>
                    <input type="hidden" class="layui-input" name="entireContent">
                    <input type="hidden" class="layui-input" name="id" id="id">
                    <div id="submitDiv">
                        <hr class="layui-bg-gray" />
                        <div class="layui-center submitDiv">
                            <a style="margin-top: 20px" class="layui-btn layui-btn-sm" lay-filter="saveAndNextBtn" lay-submit><i class="layui-icon layui-icon-ok-circle">SAVE AND Next</i></a>
                        </div>
                        <div class="layui-center submitDiv">
                            <a id="nextFlag" style="margin-top:50px" class="layui-btn layui-btn-sm"><i class="layui-icon layui-icon-ok-circle">Next</i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</form>
</body>
<script type="text/javascript">
    layui.use(['form','layer','jquery'],function(){

        $ = layui.jquery;

        //表单输入效果
        // $(".childrenBody .input-item").click(function(e){
        //     e.stopPropagation();
        //     $(this).addClass("layui-input-focus").find(".layui-input").focus();
        // });
        $(".layui-input").focus(function(){
            $(this).parent().addClass("layui-input-focus");
        });
        $(".layui-input").blur(function(){
            $(this).parent().removeClass("layui-input-focus");
            if($(this).val() != ''){
                $(this).parent().addClass("layui-input-active");
            }else{
                $(this).parent().removeClass("layui-input-active");
            }
        });
    });

</script>
</html>
